@CHARSET "ISO-8859-1";

/* Begin CSS Menus at Left */

#menuleft{position:absolute;left:0px;top:absolute;width:180px;background:#f8f8f8;z-index:2;text-align:left;}
/*#menuleft{position:absolute;left:10px;top:120px;width:180px;background:#202020;z-index:2;text-align:left;}*/
#menuleft span{font:normal 14px/28px tahoma,arial,helvetica,sans-serif;}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;font:normal 14px/28px tahoma,arial,helvetica,sans-serif;width:180px;text-decoration:none;background:#edeef6 url(../images/tile-silver.jpg) repeat-x;padding:0 0 0 5px;}
#menuleft li a{color:#494c59;width:170px;border-right:5px solid #090;text-shadow:#fff -1px 1px 1px;}
#menuleft li a:visited{color:#494c59;width:170px;border-right:5px solid #090;}
#menuleft li a:focus{color:#00f;background:#ff9;}
#menuleft li a:focus:hover{text-decoration:none;color:#060;}
#menuleft li a:hover{color:#060;background:#edeef6 url(../images/tile-blue.jpg) repeat-x;}
#menuleft li a:active{color:#000;background:#edeef6 url(../images/tile-blue.jpg) repeat-x;}
#menuleft form{margin:0;}
#menuleft h2, #menuleft h3{font:bold 13px/28px tahoma,sans-serif;text-transform:uppercase;text-shadow:#000 -1px 1px 1px;white-space:nowrap;color:#edeef6;background:#369 url(../images/tile-heading.jpg) repeat;margin:0;padding:0 0 0 5px;width:175px;}
#menuleft h2 span, #menuleft h3 span{font:bold 13px/28px tahoma,sans-serif;text-shadow:#000 -1px 1px 1px;}
#menuleft ul, #menuleft ul ul, #menuleft ul ul ul{margin:0;padding:0;list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;left:180px;top:0;display:none;padding:0;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul, div#menuleft ul li:hover ul ul ul {display:none;}
div#menuleft ul ul, div#menuleft ul ul ul{display:none;}
div#menuleft ul ul li:hover ul, div#menuleft ul ul ul li:hover ul{display:block;width:auto;}

#menuleft li a.x:link, #menuleft li a.x:visited{color:#494c59;background:#edeef6 url(../images/tile-silver.jpg) repeat-x;width:170px;border-right:5px solid #369;}
#menuleft li a.x:focus{color:#00f;background:#ff9;}
#menuleft li a.x:focus:hover{text-decoration:none;color:#060;}
#menuleft li a.x:hover{color:#060;background:#edeef6 url(../images/tile-blue.jpg) repeat-x;}
#menuleft li a.x:active{color:#000;background:#edeef6 url(../images/tile-blue.jpg) repeat-x;}
/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */


.categorynavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:150px;
	font-size: 80%;
}

.categorynavigation ul li {
	position: relative;
	width:148px;
	border: 1px solid #ccc;
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:148px;	
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

.categorynavigation li ul {
	display:none;
	background:#ffffcc
}
.categorynavigation li ul li{border:none;}
/* Styles for Menu Items */
.categorynavigation ul li a {
	display:block;
	text-decoration: none;
	color: #777;
	background: #ffffcc ; 
	line-height:2em;
	height:2em;	
	padding:0 5px
}
/* this sets all hovered lists to red */
.categorynavigation li:hover a, li.over a,
.categorynavigation li:hover li a:hover, li.over li a:hover {
   color: #fff;
   background-color: red;
}

/* set dropdown to default */
.categorynavigation li:hover li a, li.over li a {
    color: #777;
   background-color: #fff;
}
.categorynavigation li ul li a {  } /* Sub Menu Styles */
.categorynavigation li:hover ul, .categorynavigation li.over ul { 	display:block  } /* The magic */